<template>
<div>
	<h1>面试题</h1>
	<button @click="current='ComA'">A</button> 	
	<button  @click="current='ComB'">B</button> 	
	<button  @click="current='ComC'">C</button>
	<component :is="current"></component>
	<button @click="intro()">调用混合base中的方法</button>
	<p>{{author}}</p>
</div>
</template>

<script>
	import ComA from '@/components/is/ComA.vue'
	// 异步加载的组件，等需要用到这个组件的时候才会加载
	const ComB = ()=>import(/* webpackChunkName: "ComB" */ "@/components/is/ComB.vue")
	const ComC = ()=>import("@/components/is/ComC.vue")
	import base from '@/mixins/base.js'
	export default{
		components:{ComA,ComB,ComC},
		mixins:[base],
		data(){
			return {
				current:"ComA",
			}
		}
	}
</script>

<style>
</style>